<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.1.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
<link rel="stylesheet"  href="css/datepicker.css" /> 
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script>
		//reset type=date inputs to text
		$( document ).bind( "mobileinit", function(){
			$.mobile.page.prototype.options.degradeInputs.date = true;
		});	
		var date = new Date();
	</script>
	<script src="jQuery.ui.datepicker.js"></script>
	<script src="jquery.ui.datepicker.mobile.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<title>Insert title here</title>
<script src="nu.js"></script>
</head>
<body>
<!-- menu에서 back누르면 종료되게 해보자... -->
 <section id="menuPage" data-role="page" data-url="./menu.nu"> 
      <header data-role="header" data-position="fixed">
         <center><img src="././img/title.png" height="50"></center>
         <a data-role="button" data-icon="back"  href="logout.nu">LogOut</a>
      </header>
	<div class="content" data-role="content">
		<table align="center" width='100%'>
			<tr>
				<td width='50%'>
					<a href="showGroupList.nu?category=study">
					<button>
					<img src="././img/pen.png" height="50"></button>
					</a>
				</td>
				<td width='50%'>
				<a href="showGroupList.nu?category=sports">
					<button><img src="././img/heart.png" height="50"></button>
				</a>
				</td>
			</tr>
			<tr>
				<td width='50%'>
				<a href="showGroupList.nu?category=finance">
					<button><img src="././img/banknote.png" height="50"></button>
				</a>
				</td>
				<td width='50%'>
				<a href="showGroupList.nu?category=smoking">
					<button><img src="././img/nosmoking.png" height="50"></button>
				</a></td>
			</tr>
			<tr>
				<td width='50%'>
				<a href="showGroupList.nu?category=living">
					<button><img src="././img/shop.png" height="50"></button>
				</a></td>
				<td width='50%'>
				<a href="myInfoPage.nu">
					<button><img src="././img/user.png" height="50"></button>
				</a></td>
			</tr>
			<tr>
				<td width='50%'>
				<a href="showStatisticPage.nu?id=${sessionScope.login.id }" rel="external">
					<button><img src="././img/params.png" height="50"></button>
				</a></td>
				<td width='50%'>
				<a href="">
					<button><img src="././img/like.png" height="50"></button>
				</a>
				</td>
			</tr>
		</table>
	</div>
	<footer data-role="footer" data-position="fixed">
	  <p>
      <center><img src="././img/footer.png" height="15"></center>
      </p>
    </footer>
  </section>
</body>
</html>